.qqface-wrapper {
    width: 24px;
    height: 24px;
    margin-bottom: -5px;
    position: relative;
    overflow: hidden
}

.qqface-wrapper .qqface {
    width: 280px;
    position: absolute
}

.qqface-wrapper .qqface.qqface0 {
    -webkit-clip-path: circle(16px at 12px 12px);
    clip-path: circle(16px at 12px 12px)
}

.qqface-wrapper .qqface.qqface1 {
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 12px);
    clip-path: circle(16px at 48px 12px)
}

.qqface-wrapper .qqface.qqface2 {
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 12px);
    clip-path: circle(16px at 84px 12px)
}

.qqface-wrapper .qqface.qqface3 {
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 12px);
    clip-path: circle(16px at 120px 12px)
}

.qqface-wrapper .qqface.qqface4 {
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 12px);
    clip-path: circle(16px at 158px 12px)
}

.qqface-wrapper .qqface.qqface5 {
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 12px);
    clip-path: circle(16px at 194px 12px)
}

.qqface-wrapper .qqface.qqface6 {
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 12px);
    clip-path: circle(16px at 230px 12px)
}

.qqface-wrapper .qqface.qqface7 {
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 12px);
    clip-path: circle(16px at 266px 12px)
}

.qqface-wrapper .qqface.qqface8 {
    top: -36px;
    -webkit-clip-path: circle(16px at 12px 48px);
    clip-path: circle(16px at 12px 48px)
}

.qqface-wrapper .qqface.qqface9 {
    top: -36px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 48px);
    clip-path: circle(16px at 48px 48px)
}

.qqface-wrapper .qqface.qqface10 {
    top: -36px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 48px);
    clip-path: circle(16px at 84px 48px)
}

.qqface-wrapper .qqface.qqface11 {
    top: -36px;
    left: -110px;
    -webkit-clip-path: circle(16px at 120px 48px);
    clip-path: circle(16px at 120px 48px)
}

.qqface-wrapper .qqface.qqface12 {
    top: -36px;
    left: -146px;
    -webkit-clip-path: circle(16px at 158px 48px);
    clip-path: circle(16px at 158px 48px)
}

.qqface-wrapper .qqface.qqface13 {
    top: -36px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 48px);
    clip-path: circle(16px at 194px 48px)
}

.qqface-wrapper .qqface.qqface14 {
    top: -36px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 48px);
    clip-path: circle(16px at 230px 48px)
}

.qqface-wrapper .qqface.qqface15 {
    top: -36px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 48px);
    clip-path: circle(16px at 266px 48px)
}

.qqface-wrapper .qqface.qqface17 {
    top: -74px;
    -webkit-clip-path: circle(16px at 12px 84px);
    clip-path: circle(16px at 12px 84px)
}

.qqface-wrapper .qqface.qqface18 {
    top: -74px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 84px);
    clip-path: circle(16px at 48px 84px)
}

.qqface-wrapper .qqface.qqface19 {
    top: -74px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 84px);
    clip-path: circle(16px at 84px 84px)
}

.qqface-wrapper .qqface.qqface20 {
    top: -74px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 84px);
    clip-path: circle(16px at 120px 84px)
}

.qqface-wrapper .qqface.qqface21 {
    top: -74px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 84px);
    clip-path: circle(16px at 158px 84px)
}

.qqface-wrapper .qqface.qqface22 {
    top: -74px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 84px);
    clip-path: circle(16px at 194px 84px)
}

.qqface-wrapper .qqface.qqface23 {
    top: -74px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 84px);
    clip-path: circle(16px at 230px 84px)
}

.qqface-wrapper .qqface.qqface25 {
    top: -74px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 84px);
    clip-path: circle(16px at 266px 84px)
}

.qqface-wrapper .qqface.qqface26 {
    top: -110px;
    -webkit-clip-path: circle(16px at 12px 121px);
    clip-path: circle(16px at 12px 121px)
}

.qqface-wrapper .qqface.qqface28 {
    top: -110px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 121px);
    clip-path: circle(16px at 48px 121px)
}

.qqface-wrapper .qqface.qqface29 {
    top: -110px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 121px);
    clip-path: circle(16px at 84px 121px)
}

.qqface-wrapper .qqface.qqface31 {
    top: -110px;
    left: -110px;
    -webkit-clip-path: circle(16px at 120px 121px);
    clip-path: circle(16px at 120px 121px)
}

.qqface-wrapper .qqface.qqface32 {
    top: -110px;
    left: -146px;
    -webkit-clip-path: circle(16px at 158px 121px);
    clip-path: circle(16px at 158px 121px)
}

.qqface-wrapper .qqface.qqface33 {
    top: -110px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 121px);
    clip-path: circle(16px at 194px 121px)
}

.qqface-wrapper .qqface.qqface34 {
    top: -110px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 121px);
    clip-path: circle(16px at 230px 121px)
}

.qqface-wrapper .qqface.qqface36 {
    top: -110px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 121px);
    clip-path: circle(16px at 266px 121px)
}

.qqface-wrapper .qqface.qqface37 {
    top: -147px;
    -webkit-clip-path: circle(16px at 12px 157px);
    clip-path: circle(16px at 12px 157px)
}

.qqface-wrapper .qqface.qqface38 {
    top: -147px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 157px);
    clip-path: circle(16px at 48px 157px)
}

.qqface-wrapper .qqface.qqface39 {
    top: -147px;
    left: -73px;
    -webkit-clip-path: circle(16px at 85px 160px);
    clip-path: circle(16px at 85px 160px)
}

.qqface-wrapper .qqface.qqface40 {
    top: -147px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 157px);
    clip-path: circle(16px at 120px 157px)
}

.qqface-wrapper .qqface.qqface41 {
    top: -147px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 157px);
    clip-path: circle(16px at 158px 157px)
}

.qqface-wrapper .qqface.qqface42 {
    top: -147px;
    left: -183px;
    -webkit-clip-path: circle(16px at 194px 157px);
    clip-path: circle(16px at 194px 157px)
}

.qqface-wrapper .qqface.qqface44 {
    top: -147px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 157px);
    clip-path: circle(16px at 230px 157px)
}

.qqface-wrapper .qqface.qqface46 {
    top: -147px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 157px);
    clip-path: circle(16px at 266px 157px)
}

.qqface-wrapper .qqface.qqface48 {
    top: -184px;
    -webkit-clip-path: circle(16px at 12px 196px);
    clip-path: circle(16px at 12px 196px)
}

.qqface-wrapper .qqface.qqface49 {
    top: -184px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 196px);
    clip-path: circle(16px at 48px 196px)
}

.qqface-wrapper .qqface.qqface50 {
    top: -184px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 196px);
    clip-path: circle(16px at 84px 196px)
}

.qqface-wrapper .qqface.qqface51 {
    top: -184px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 196px);
    clip-path: circle(16px at 120px 196px)
}

.qqface-wrapper .qqface.qqface52 {
    top: -184px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 196px);
    clip-path: circle(16px at 158px 196px)
}

.qqface-wrapper .qqface.qqface54 {
    top: -184px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 196px);
    clip-path: circle(16px at 194px 196px)
}

.qqface-wrapper .qqface.qqface53 {
    top: -184px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 196px);
    clip-path: circle(16px at 230px 196px)
}

.qqface-wrapper .qqface.qqface47 {
    top: -184px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 198px);
    clip-path: circle(16px at 266px 198px)
}

.qqface-wrapper .qqface.qqface35 {
    top: -222px;
    -webkit-clip-path: circle(16px at 12px 234px);
    clip-path: circle(16px at 12px 234px)
}

.qqface-wrapper .qqface.qqface16 {
    top: -222px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 234px);
    clip-path: circle(16px at 48px 234px)
}

.qqface-wrapper .qqface.qqface45 {
    top: -222px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 234px);
    clip-path: circle(16px at 84px 234px)
}

.qqface-wrapper .qqface.qqface24 {
    top: -222px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 234px);
    clip-path: circle(16px at 120px 234px)
}

.qqface-wrapper .qqface.qqface27 {
    top: -222px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 234px);
    clip-path: circle(16px at 158px 234px)
}

.qqface-wrapper .qqface.qqface30 {
    top: -222px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 234px);
    clip-path: circle(16px at 194px 234px)
}

.qqface-wrapper .qqface.qqface43 {
    top: -222px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 234px);
    clip-path: circle(16px at 230px 234px)
}

.qqface-wrapper .qqface.qqface55 {
    top: -222px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 234px);
    clip-path: circle(16px at 266px 234px)
}

.qqface-wrapper .qqface.qqface56 {
    top: -258px;
    -webkit-clip-path: circle(16px at 12px 270px);
    clip-path: circle(16px at 12px 270px)
}

.qqface-wrapper .qqface.qqface57 {
    top: -258px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 270px);
    clip-path: circle(16px at 48px 270px)
}

.qqface-wrapper .qqface.qqface58 {
    top: -258px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 270px);
    clip-path: circle(16px at 84px 270px)
}

.qqface-wrapper .qqface.qqface59 {
    top: -258px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 270px);
    clip-path: circle(16px at 120px 270px)
}

.qqface-wrapper .qqface.qqface60 {
    top: -258px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 270px);
    clip-path: circle(16px at 158px 270px)
}

.qqface-wrapper .qqface.qqface61 {
    top: -258px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 270px);
    clip-path: circle(16px at 194px 270px)
}

.qqface-wrapper .qqface.qqface62 {
    top: -258px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 270px);
    clip-path: circle(16px at 230px 270px)
}

.qqface-wrapper .qqface.qqface74 {
    top: -258px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 270px);
    clip-path: circle(16px at 266px 270px)
}

.qqface-wrapper .qqface.qqface63 {
    top: -294px;
    -webkit-clip-path: circle(16px at 12px 306px);
    clip-path: circle(16px at 12px 306px)
}

.qqface-wrapper .qqface.qqface64 {
    top: -294px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 306px);
    clip-path: circle(16px at 48px 306px)
}

.qqface-wrapper .qqface.qqface65 {
    top: -294px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 306px);
    clip-path: circle(16px at 84px 306px)
}

.qqface-wrapper .qqface.qqface66 {
    top: -294px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 306px);
    clip-path: circle(16px at 120px 306px)
}

.qqface-wrapper .qqface.qqface67 {
    top: -294px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 306px);
    clip-path: circle(16px at 158px 306px)
}

.qqface-wrapper .qqface.qqface68 {
    top: -294px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 306px);
    clip-path: circle(16px at 194px 306px)
}

.qqface-wrapper .qqface.qqface69 {
    top: -294px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 306px);
    clip-path: circle(16px at 230px 306px)
}

.qqface-wrapper .qqface.qqface70 {
    top: -294px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 306px);
    clip-path: circle(16px at 266px 306px)
}

.qqface-wrapper .qqface.qqface71 {
    top: -330px;
    -webkit-clip-path: circle(16px at 12px 342px);
    clip-path: circle(16px at 12px 342px)
}

.qqface-wrapper .qqface.qqface72 {
    top: -330px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 342px);
    clip-path: circle(16px at 48px 342px)
}

.qqface-wrapper .qqface.qqface73 {
    top: -330px;
    left: -73px;
    -webkit-clip-path: circle(16px at 84px 342px);
    clip-path: circle(16px at 84px 342px)
}

.qqface-wrapper .qqface.qqface75 {
    top: -330px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 342px);
    clip-path: circle(16px at 120px 342px)
}

.qqface-wrapper .qqface.qqface76 {
    top: -330px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 342px);
    clip-path: circle(16px at 158px 342px)
}

.qqface-wrapper .qqface.qqface77 {
    top: -330px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 342px);
    clip-path: circle(16px at 194px 342px)
}

.qqface-wrapper .qqface.qqface78 {
    top: -330px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 342px);
    clip-path: circle(16px at 230px 342px)
}

.qqface-wrapper .qqface.qqface79 {
    top: -330px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 342px);
    clip-path: circle(16px at 266px 342px)
}

.qqface-wrapper .qqface.qqface80 {
    top: -366px;
    -webkit-clip-path: circle(16px at 12px 378px);
    clip-path: circle(16px at 12px 378px)
}

.qqface-wrapper .qqface.qqface81 {
    top: -366px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 378px);
    clip-path: circle(16px at 48px 378px)
}

.qqface-wrapper .qqface.qqface82 {
    top: -366px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 378px);
    clip-path: circle(16px at 84px 378px)
}

.qqface-wrapper .qqface.qqface83 {
    top: -366px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 378px);
    clip-path: circle(16px at 120px 378px)
}

.qqface-wrapper .qqface.qqface84 {
    top: -366px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 378px);
    clip-path: circle(16px at 158px 378px)
}

.qqface-wrapper .qqface.qqface85 {
    top: -366px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 378px);
    clip-path: circle(16px at 194px 378px)
}

.qqface-wrapper .qqface.qqface86 {
    top: -366px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 378px);
    clip-path: circle(16px at 230px 378px)
}

.qqface-wrapper .qqface.qqface87 {
    top: -366px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 378px);
    clip-path: circle(16px at 266px 378px)
}

.qqface-wrapper .qqface.qqface88 {
    top: -404px;
    -webkit-clip-path: circle(16px at 12px 416px);
    clip-path: circle(16px at 12px 416px)
}

.qqface-wrapper .qqface.qqface89 {
    top: -404px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 416px);
    clip-path: circle(16px at 48px 416px)
}

.qqface-wrapper .qqface.qqface90 {
    top: -404px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 416px);
    clip-path: circle(16px at 84px 416px)
}

.qqface-wrapper .qqface.qqface91 {
    top: -404px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 416px);
    clip-path: circle(16px at 120px 416px)
}

.qqface-wrapper .qqface.qqface92 {
    top: -404px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 416px);
    clip-path: circle(16px at 158px 416px)
}

.qqface-wrapper .qqface.qqface93 {
    top: -404px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 416px);
    clip-path: circle(16px at 194px 416px)
}

.qqface-wrapper .qqface.qqface94 {
    top: -404px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 416px);
    clip-path: circle(16px at 230px 416px)
}

.qqface-wrapper .qqface.qqface95 {
    top: -404px;
    left: -256px;
    -webkit-clip-path: circle(16px at 267px 416px);
    clip-path: circle(16px at 267px 416px)
}

.qqface-wrapper .qqface.qqface96 {
    top: -441px;
    -webkit-clip-path: circle(16px at 12px 452px);
    clip-path: circle(16px at 12px 452px)
}

.qqface-wrapper .qqface.qqface97 {
    top: -441px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 452px);
    clip-path: circle(16px at 48px 452px)
}

.qqface-wrapper .qqface.qqface98 {
    top: -441px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 452px);
    clip-path: circle(16px at 84px 452px)
}

.qqface-wrapper .qqface.qqface99 {
    top: -441px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 452px);
    clip-path: circle(16px at 120px 452px)
}

.qqface-wrapper .qqface.qqface100 {
    top: -441px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 452px);
    clip-path: circle(16px at 158px 452px)
}

.qqface-wrapper .qqface.qqface101 {
    top: -441px;
    left: -182px;
    -webkit-clip-path: circle(16px at 194px 452px);
    clip-path: circle(16px at 194px 452px)
}

.qqface-wrapper .qqface.qqface102 {
    top: -441px;
    left: -219px;
    -webkit-clip-path: circle(16px at 230px 452px);
    clip-path: circle(16px at 230px 452px)
}

.qqface-wrapper .qqface.qqface103 {
    top: -441px;
    left: -256px;
    -webkit-clip-path: circle(16px at 266px 452px);
    clip-path: circle(16px at 266px 452px)
}

.qqface-wrapper .qqface.qqface104 {
    top: -477px;
    -webkit-clip-path: circle(16px at 12px 489px);
    clip-path: circle(16px at 12px 489px)
}

.qqface-wrapper .qqface.qqface105 {
    top: -477px;
    left: -36px;
    -webkit-clip-path: circle(16px at 48px 489px);
    clip-path: circle(16px at 48px 489px)
}

.qqface-wrapper .qqface.qqface106 {
    top: -477px;
    left: -72px;
    -webkit-clip-path: circle(16px at 84px 489px);
    clip-path: circle(16px at 84px 489px)
}

.qqface-wrapper .qqface.qqface107 {
    top: -477px;
    left: -109px;
    -webkit-clip-path: circle(16px at 120px 489px);
    clip-path: circle(16px at 120px 489px)
}

.qqface-wrapper .qqface.qqface108 {
    top: -477px;
    left: -145px;
    -webkit-clip-path: circle(16px at 158px 489px);
    clip-path: circle(16px at 158px 489px)
}

.qqface-wrapper:after {
    content: ""
}

.qqface-container {
    overflow-y: scroll
}

.qqface-container .qqface-wrapper {
    display: inline-block;
    transform: scale(1.4);
    margin: 12px
}

.picker-button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #fff;
    padding: 10px 20px 4px 20px;
    border-radius: 6px
}